<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
    div{
    width: 300px;
    height: 300px;
    /* background-color: rgb(142, 203, 0); */
    background-image: url(./img/1.587636129936937E9.jpeg);
    float: right;
    margin: 90px;
    transition: 3s;
}
.x:hover{
    transform: rotate(90deg);
}
.x1:hover{
    transform: translateY(200px);
}
.s:hover{
    transform: scale(0.5,0.5);
}
p,h1{
    text-align: center;
    color: rgb(0, 0, 0);
}
p{
    font-size: 25px;
}
body{
  
    background-repeat: no-repeat;
}
</style>
<body>
    <p><h1>码云仓库</h1>
    </p>
    <div class="x">
        <p>作业分工</p>
        <p>马涛，马放：消灭病毒</p>
        <p>逯博，李军卫：别踩白块</p>
        <p>马健：主体框架</p>
    </div>
    <div class="x1">
       
        <p>小组成员:</p>
        <p>马涛,马健,马放,逯博,李军卫</p>
    </div>
    <div class="s">
      <p><a href="https://gitee.com/lone-crane-in-heaven-and-earth/fenglingjian">码云仓库</a></p>
        
    </div>
</body>
</html>